بسم الله الرحمن الرحيم

ما هى فائدتها

عند وضع الاضافه يجب وضع لها شروط اذاً

خطوات اضافه الكود

HTML/JavaScript

<style>
#advertise{
  margin: auto;
}
 .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
 .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
 .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
 .adss img {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; max-height: 75px; max-width: 75px; }
 #adsanime:hover { opacity:0.2; }
 #adsanime a strong {
    -webkit-transition-property: opacity;
     -webkit-transition-duration: 500ms;
     -moz-transition-property: opacity;
      -moz-transition-duration: 500ms; }
 #adsanime a strong {
   opacity:0;
    -webkit-transition-property: opacity, top;
     -webkit-transition-duration: 300ms;
      -moz-transition-property: opacity, top;
       -moz-transition-duration: 300ms; }
 #adsanime {
    opacity:0.5;
     -webkit-transition-property: opacity, top;
      -webkit-transition-duration: 300ms;
       -moz-transition-property: opacity, top;
        -moz-transition-duration: 300ms; }
 #adsanime:hover { opacity:1; }
 #adsanime:hover a strong { opacity:1; top:-10px; }
</style>
<center>
<div class="adss" id="adsanime">
<a href="http://let-us-understand-blogger.blogspot.com">
   <img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn2/1480668_1393008370946921_1251859138_n.jpg" />
   <strong>دعونا نفهم بلوجر</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://m3loma3nklshy2.blogspot.com//">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>مدونه إسلام</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://m3loma3nklshy2.blogspot.com/">
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="/">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>اعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="/">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>هنا اعلن</strong></a>
    </div>  
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>اعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>          
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>      
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-5X60Vvs8PD_v1YQzB5qxPgECAhre2zReKicYFW_NhW9xnwhbXuBNsQ2xFXTWIEadR-UUnbt77j-lyG2ky6sxpqyZQ5uYXHKwz15Npszvcuuacmq2BBAy9vp-BefOSmyVfKuzXo50ff0/s1600/Untitled-1.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>              </center><a href="http://let-us-understand-blogger.blogspot.com/">اضف الاداه من هنا</a>

HTML/JavaScript

اضافه اداه تبعنى على مواقع التواصل الاجتماعى

قم بوضع هذا الكود

<div class="metro-social">
<li><a class="fb" href="http://www.facebook.com/حسابك"></a></li>
<li><a class="tw" href="http://twitter.com/حسابك"></a></li>
<li><a class="gp" href="https://plus.google.com/حسابك"></a></li>
<li><a class="fd" href="http://feeds.feedburner.com/حسابك"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-gadget-metro-style.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>
<br>
<a href="http://let-us-understand-blogger.blogspot.com/"> اقراء المقاله كامله مدونه دعونا نفهم بلوجر</a>

شكل الاداه HTML/JavaScript

<div class="widget-content">
<center>
<center>
<div id="myLuckyPost">
</div>
<script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'مشاهدة تدوينة عشوائيا'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=feelingLucky"></script></center>
<style type="text/css">
#myLuckyPost a{
color:#fff;
display: block;
margin:10px auto;
width:200px;
background: #21B9FF;
background: -moz-linear-gradient(top,#21B9FF,#3690F0);
background: -webkit-linear-gradient(top,#3690F0,#21B9FF);
font-size:14px;
font-weight:bold;
font-family: droidkufi-bold, tahoma;
line-height:16px;
text-decoration:none;
border:1px solid #7B7A79;
padding:10px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#myLuckyPost a:hover{color:#fff;
background: #0300BA;
background: -moz-linear-gradient(top,#21B9FF,#3690F0);
background: -webkit-linear-gradient(top,#21B9FF,#3690F0);
text-decoration:none;
border:1px solid #7B7A79; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
}
#myLuckyPost a:active {}
</style></center></div>

بسم الله الرحمن الرحيم

اليوم سأتحدث عن موضوع شيق جداً اضافه اداه رأيك يهمنا اداه ازرار المشاركه فائده تجعل كل من يدوس لايك او تويت او اى فرع من فروع الاداه يعمل اعلان عند على الاكونت بتاعه لمدونتك وذلك يصاحبه زوار اكثر فأكثر 

لمشاهده الاضافه انظر تحت الموضوع

اذهب لوحة التحكم اضافة اداه,اضافة اداه طرف ثالث واضف الكود هذا وسيظهر فى اخر كل موضوع

<span id="st_finder"></span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script><script type="text/javascript">var switchTo5x=true;stBlogger2.init("http://w.sharethis.com/button/buttons.js", {"fblike":["vcount","Facebook Like",""],"fbsend":["vcount","Facebook Send",""],"twitter":["vcount","Tweet",""],"googleplus":["vcount","Google +",""],"delicious":["vcount","Delicious",""],"sharethis":["vcount","ShareThis",""]} , "476ff4f2-24ab-4bcb-aebb-22fe2df9ef0c");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>

تحذير لا تغير اى شيئ حتى يشتغل الاداه اذا غيرت اى شيئ من الاضافه المدونه غير مسأوله عن اى تغير